{% load staticfiles %}
{% load gravatar %}
{% load i18n %}

<!DOCTYPE HTML>
<html>
<head>
    <title>{% block title %}{% endblock %} - Donut-Scheduler.com</title>

    <!--bootstrap - css-->
    <link href="{% static "bootstrap/css/bootstrap.min.css" %}" rel="stylesheet">

    <!--default.css-->
    <link href="{% static "css/default.css" %}" rel="stylesheet">

    <!--print.css-->
    <link href="{% static "css/print_timetable.css" %}" rel="stylesheet" media="print" />

    <!--timetable.css-->
    <link href="{% static "css/timetable.css" %}" rel="stylesheet">

    <!--event.css-->
    <link href="{% static "css/event.css" %}" rel="stylesheet">

    <!--googlefontapi-->
    <link href="http://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet" type="text/css">

    <!--includes -->
    <!--jquery-->
    <script src="http://code.jquery.com/jquery.js"></script>
    <!--bootstrap - js-->
    <script src="{% static "bootstrap/js/bootstrap.min.js" %}"></script>
    <!--jquery-cookie-plugin - js-->
    <script src="{% static "js/jquery.cookie.js" %}"></script>
    <!--timetable - js -->
    <script src="{% static "js/timetable.js" %}"></script>
    <!--event - js -->
    <script src="{% static "js/event.js" %}"></script>


</head>
<body>
<div id="header">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <div class="logo-wrapper">
                    <!--<div class="logo"></div><!--logo-->
                    <div class="title">
                        <h4><a class="BadScript" href="{% url "donutscheduler.views.home" %}">Donutscheduler</a></h4>
                    </div>
                    <!--title-->
                </div>
                <!--logo-wrapper-->
                <div id="mainmenu">
                    {% if user.is_authenticated %}
                        <ul class="nav">
                            <li><a href="{% url "donutscheduler.views.timetables" %}"><i class="icon-white icon-calendar"></i> {% trans "timetables" %}</a></li>
                            <li><a href="{% url "donutscheduler.views.events" %}"><i class="icon-white icon-th-list"></i> {% trans "events" %}</a></li>
                            <li><a href="{% url "donutscheduler.views.overview" %}"><i class="icon-white icon-fire"></i> {% trans "about" %}</a></li>
                            <li class="divider-vertical"></li>
                            <li><img class="gravatar" src="{% gravatar_url user.email %}"></li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" href="#" data-toggle="dropdown"
                                   role="button">{{ user.username }}<b class="caret"></b></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li role="presentation"><a href="{% url "donutscheduler.views.settings" %}"
                                                               role="menuitem"><i class="icon-wrench"></i> {% trans "settings" %}</a></li>
                                    <li role="presentation"><a href="{% url "donutscheduler.views.userlogout" %}"
                                                               role="menuitem"><i class="icon-off"></i> {% trans "logout" %}</a></li>
                                </ul>
                            </li>
                        </ul><!--nav-->
                    {% else %}
                        <ul class="nav">
                            <li>
                                {% block login %}
                                {% endblock %}
                            </li>
                        </ul><!--nav-->
                    {% endif %}
                </div>
                <!--mainmenu-->
                <div class="clear"></div>
                <!--clear-->
            </div>
            <!--container-->
        </div>
        <!--navbar-inner-->
    </div>
    <!--navbar navbar-inverse navbar-fixed-->
</div>
<!--header-->

<div class="container">
    <div class="content">
        {% block content %}
        {% endblock %}
    </div>
    <div id="footer">
        <br>
        <hr>
        <small>© Donutscheduler Team Ltd. | <a href="{% url "donutscheduler.views.impressum" %}">Impressum</a> </small>
    </div>
    <!--footer-->
</div>
<!--container-->
</body>
</html>        